<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标对象</title>
    <style>
        body{
            height: 1300px;
        }
    </style>
</head>
<body>

     <script>
         //给整个页面添加鼠标事件
         window.onclick=function(event){
            /* alert("您好");*/
             //浏览器兼容
             var ev=event||window.event;
             console.log(event);
             console.log("浏览器可视窗口X轴的坐标"+event.clientX);
             console.log("浏览器可视窗口Y轴的坐标"+event.clientY);
             console.log("页面中X轴的坐标"+event.pageX);
             console.log("页面中Y轴的坐标"+event.pageY);
             console.log("电脑屏幕水平方向的坐标"+event.screenX);
             console.log("电脑屏幕垂直方向的坐标"+event.screenY);
         }
     </script>
</body>
</html>